import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    // 设置token
    setToken(state, token) {
      state.token = token
      setToken(token)
    },
    // 移除token
    removeToken(state) {
      state.token = null
      removeToken()
    },
    // 设置用户信息
    setUserInfo(state, data) {
      state.userInfo = { ...data }
    },
    // 删除用户信息
    reomveUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    // 异步调用登录接口
    async login(ctx, data) {
      const res = await login(data)
      // token持久化缓存
      ctx.commit('setToken', res)
      setToken(res)
      setTimeStamp()
    },
    // 获取用户资料action
    async getUserInfo(ctx) {
      const res = await getUserInfo() // 获取返回值
      const baseInfo = await getUserDetailById(res.userId)
      const result = { ...res, ...baseInfo }
      ctx.commit('setUserInfo', result) // 将整个的个人信息设置到用户的vuex数据中
      return res
    },
    // 退出登录
    logout(ctx) {
      // 删除token
      ctx.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的
      // 删除用户资料
      ctx.commit('reomveUserInfo') // 删除用户信息
      resetRouter()
      ctx.commit('permission/setRoutes', [], { root: true })
    }
  }
}
